.static {position: static}
.fixed {position: fixed}
.absolute {position: absolute}
.relative {position: relative}
.sticky {position: sticky}
.z-0 {z-index: 0}
.z-10 {z-index: 10}
.z-20 {z-index: 20}
.z-30 {z-index: 30}
.z-40 {z-index: 40}
.z-50 {z-index: 50}
.z-999 {z-index: 999}
.z-auto {z-index: auto}



.box-border{box-sizing: border-box;}
.box-content{box-sizing: content-box;}

.flex{display: flex;}
.flex-vertical-center{align-items: center;justify-content: center;}
.flex-vertical{align-items: center;}
.flex-center{justify-content: center;}
.mx-auto{margin-left: auto;margin-right: auto;}
.absolute-auto{position: absolute;left: 0;top: 0;}



.basis-max-content{flex-basis: max-content;}
.flex-row{flex-direction: row;}
.flex-row-reverse{flex-direction: row-reverse;}
.flex-col{flex-direction: column;}
.flex-col-reverse{flex-direction: column-reverse;}
.flex-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-1{flex: 1 1 0%;}
.flex-auto{flex: 1 1 auto;}
.flex-initial{flex: 0 1 auto;}
.flex-none{flex: none;}
.flex-grow-0{flex-grow: 0;}
.flex-grow{flex-grow: 1;}
.flex-shrink-0{flex-shrink: 0;}
.flex-shrink{flex-shrink: 1;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-evenly{justify-content: space-evenly;}
.justify-items-auto{justify-items: auto;}
.justify-items-start{justify-items: start;}
.justify-items-end{justify-items: end;}
.justify-items-center{justify-items: center;}
.justify-items-stretch{justify-items: stretch;}
.justify-self-auto{justify-self: auto;}
.justify-self-start{justify-self: start;}
.justify-self-end{justify-self: end;}
.justify-self-center{justify-self: center;}
.justify-self-stretch{justify-self: stretch;}
.content-center{align-content: center;}
.content-start{align-content: flex-start;}
.content-end{align-content: flex-end;}
.content-between{align-content: space-between}
.content-around{align-content: space-around;}
.content-evenly{align-content: space-evenly;}
.items-start{align-items: flex-start;}
.items-end{align-items: flex-end;}
.items-center{align-items: center;}
.items-baseline{align-items: baseline;}
.items-stretch{align-items: stretch;}
.self-auto{align-self: auto;}
.self-start{align-self: flex-start;}
.self-end{align-self: flex-end;}
.self-center{align-self: center;}
.self-stretch{align-self: stretch;}
.place-content-center{place-content: center;}
.place-content-start{place-content: start;}
.place-content-end{place-content: end;}
.place-content-between{place-content: space-between}
.place-content-around{place-content: space-around;}
.place-content-evenly{place-content: space-evenly;}
.place-content-stretch{place-content: stretch;}
.place-items-auto{place-items: auto;}
.place-items-start{place-items: start;}
.place-items-end{place-items: end;}
.place-items-center{place-items: center;}
.place-items-stretch{place-items: stretch;}
.place-self-auto{place-self: auto;}
.place-self-start{place-self: start;}
.place-self-end{place-self: end;}
.place-self-center{place-self: center;}
.place-self-stretch{place-self: stretch;}

.font-w-100{font-weight: 100;}
.font-w-200{font-weight: 200;}
.font-w-300{font-weight: 300;}
.font-w-400{font-weight: 400;}
.font-w-500{font-weight: 500;}
.font-w-600{font-weight: 600;}
.font-w-700{font-weight: 700;}
.font-c-white{color: #fff;}
.font-c-black{color: #000;}
.font-c-black-1{color:rgba(0,0,0,0.1);}
.font-c-black-2{color:rgba(0,0,0,0.2);}
.font-c-black-3{color:rgba(0,0,0,0.3);}
.font-c-black-4{color:rgba(0,0,0,0.4);}
.font-c-black-5{color:rgba(0,0,0,0.5);}
.font-c-black-6{color:rgba(0,0,0,0.6);}
.font-c-black-7{color:rgba(0,0,0,0.7);}
.font-c-black-8{color:rgba(0,0,0,0.8);}
.font-c-black-9{color:rgba(0,0,0,0.9);}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}



.block{display: block;}
.inline-block{display: inline-block;}
.inline{display: inline;}
.flex{display: flex;}
.inline-flex{display: inline-flex;}

.text-ellipsis{overflow : hidden;text-overflow : ellipsis;white-space : nowrap;}
.text-ellipsis-2{overflow : hidden;text-overflow : ellipsis;display : -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-ellipsis-3{overflow : hidden;text-overflow : ellipsis;display : -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-ellipsis-4{overflow : hidden;text-overflow : ellipsis;display : -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.border-solid{border-style:solid;}
.border-none{border: none;}
.border-l-none{border-left: none;}
.border-r-none{border-right: none;}
.border-t-none{border-top: none;}
.border-b-none{border-bottom: none;}
.border-1{border-width: 1px}
.border-2{border-width: 2px}
.border-3{border-width: 3px}
.border-l-1{border-left-width: 1px;}
.border-r-1{border-right-width: 1px;}
.border-t-1{border-top-width: 1px;}
.border-b-1{border-bottom-width: 1px;}


.bg-white{background-color: #fff;}
.bg-balck{background-color: #000;}
.bg-c-white{background-color: #fff;}
.bg-c-balck{background-color: #000;}

.bg-auto {background-size: auto}
.bg-cover {background-size: cover}
.bg-contain {background-size: contain}
.bg-fixed {background-attachment: fixed}
.bg-local {background-attachment: local}
.bg-scroll {background-attachment: scroll}
.bg-clip-border {background-clip: border-box}
.bg-clip-padding {background-clip: padding-box}
.bg-clip-content {background-clip: content-box}
.bg-clip-text {-webkit-background-clip: text;background-clip: text}
.bg-bottom {background-position: bottom}
.bg-center {background-position: center}
.bg-left {background-position: left}
.bg-left-bottom {background-position: left bottom}
.bg-left-top {background-position: left top}
.bg-right {background-position: right}
.bg-right-bottom {background-position: right bottom}
.bg-right-top {background-position: right top}
.bg-top {background-position: top}
.bg-repeat {background-repeat: repeat}
.bg-no-repeat {background-repeat: no-repeat}
.bg-repeat-x {background-repeat: repeat-x}
.bg-repeat-y {background-repeat: repeat-y}
.bg-repeat-round {background-repeat: round}
.bg-repeat-space {background-repeat: space}
.bg-origin-border {background-origin: border-box}
.bg-origin-padding {background-origin: padding-box}
.bg-origin-content {background-origin: content-box}

.line-h-auto{line-height:auto}

.w-hundred-100{width: 100%;}

.input-outline-none{outline: none;}